@charset "UTF-8";

.icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icon-search {
    width: 20px;
    height: 20px;
    background-image: url($imgBaseUrl + 'search_icon.png');
}
.icon-company {
    background-image: url($imgBaseUrl + 'icon-login-company.png');
}
.icon-person {
    background-image: url($imgBaseUrl + 'icon-login-person.png');
}
.icon-person-center {
    background-image: url($imgBaseUrl + 'icon-person-center.png');
}
.icon-home {
    background-image: url($imgBaseUrl + 'nav-office-website.png');
}

.icon-online {
    background-image: url($imgBaseUrl + 'nav-online.png');
}
.icon-home {
    background-image: url($imgBaseUrl + 'nav-office-website.png');
}
.icon-onsite {
    background-image: url($imgBaseUrl + 'nav-onsite.png');
}
.icon-policy {
    background-image: url($imgBaseUrl + 'nav-policy.png');
}
.icon-protection {
    background-image: url($imgBaseUrl + 'nav-protection.png');
}
.icon-news {
    background-image: url($imgBaseUrl + 'nav-news.png');
}
.icon-filter {
    width: 12px;
    height: 12px;
    background-image: url($imgBaseUrl + 'icon-filter.png');
    vertical-align: text-bottom;
}
.icon-filter-1 {
    width: 7px;
    height: 11px;
    background-image: url($imgBaseUrl + 'icon-filter-1.png');
}
.icon-back {
    width: 8px;
    height: 15px;
    background-image: url($imgBaseUrl + 'icon-back.png');
}
.icon-arrow {
    width: 7px;
    height: 13px;
    background-image: url($imgBaseUrl + 'icon-arrow.png');
}